﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
        #encabezado 
        {
            width : 800px;
            height:80px;
            margin:auto;
            position:relative;
            /*top:0;*/
            background-color:Navy;
        }
        #cuerpoinfo
        {
            width:780px;
            height:auto;
            margin:auto;
            padding: 10px;
            background-color:Gray;
            margin-top:80px;
            overflow:hidden;
        }
        #piepag 
        {
            width : 800px;
            height:80px;
            margin:auto;
            position:relative;
            /*bottom:0;*/
            background-color:Maroon;
        }
                
    </style>
</head>
<body>
    <div style="position:absolute; width:100%;height:auto; top:0"><div id="encabezado"></div></div>
    
    <div id="cuerpoinfo">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar, arcu sit amet fermentum tempus, arcu felis pellentesque tortor, et facilisis lectus lorem vitae nulla. Vivamus semper tempor ante sit amet pellentesque. In convallis blandit sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam a congue massa. Praesent urna nisl, vulputate vitae dapibus ut, porttitor sit amet neque. Quisque dignissim rutrum lorem a molestie.

Vestibulum turpis mauris, dictum a consectetur ut, sollicitudin quis tortor. Morbi blandit bibendum porta. Sed venenatis est eget ipsum gravida rutrum. Duis aliquam vehicula mollis. Duis velit elit, venenatis nec feugiat nec, euismod fringilla elit. Proin at felis a lacus malesuada vestibulum quis sit amet nunc. Maecenas est nisl, pulvinar quis scelerisque posuere, vulputate at nibh. Morbi pretium ligula eget erat eleifend ut pulvinar quam dignissim. Donec vitae mauris urna. Sed eleifend venenatis nunc non aliquet. In hac habitasse platea dictumst.

Nullam ac tellus quam, eget dignissim dui. Fusce eget dui lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vulputate velit sit amet nisl euismod sed tincidunt felis fermentum. Nulla non ante ante. Ut faucibus posuere nisl, vel posuere libero accumsan sit amet. Nullam molestie aliquam felis sed venenatis. Sed sed urna vel nisl adipiscing scelerisque. Pellentesque condimentum, nisi at scelerisque elementum, felis elit interdum mauris, ac rutrum ligula dolor in quam. Praesent adipiscing dui id dui imperdiet malesuada in quis enim. Ut non orci magna. Duis felis felis, imperdiet sit amet aliquet luctus, hendrerit vel diam.

Nulla facilisi. Integer sed tortor et augue faucibus cursus non sit amet augue. Fusce erat enim, viverra sed accumsan sed, tincidunt ac libero. Duis eu odio est, sed tempor nunc. Curabitur pulvinar magna at purus eleifend aliquam. Nunc at vulputate urna. Vestibulum mattis dapibus lorem eu interdum. Fusce mauris eros, laoreet dictum adipiscing et, rhoncus et ante. Proin ac dignissim nisl. Sed viverra vehicula fringilla. Aliquam ut posuere lectus. Fusce nisl ipsum, porta id suscipit eu, auctor non dui. Duis cursus, enim nec elementum suscipit, dolor est gravida sapien, eget ultrices quam risus ac nibh. Sed hendrerit purus nec dui scelerisque ut egestas lectus sagittis.

Curabitur auctor consectetur egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam vel euismod dolor. Duis aliquam elit in quam congue tempus. Nunc vel congue tellus. Curabitur nec diam tincidunt arcu aliquet gravida. Duis accumsan massa sit amet sapien pretium vitae faucibus nunc convallis. Cras sit amet neque nulla. In ac neque augue, id dictum purus. Curabitur gravida lobortis vestibulum. Ut a nisi diam. Morbi non luctus nibh. Praesent urna tortor, aliquam auctor commodo eget, fringilla in eros. Curabitur vehicula venenatis sem eu ultricies.

Sed vel velit non orci porttitor porta tincidunt sed magna. Suspendisse eu metus ut urna bibendum fringilla eget auctor augue. Ut quis sapien sed diam rutrum dictum. Fusce et mi vel sapien accumsan porta. Nam sit amet risus ligula. Nunc ac lacus eu dui lobortis fermentum vitae ut purus. Nullam lacinia hendrerit erat, eget pulvinar urna sagittis at. Donec eget eros libero. Fusce ornare sagittis dolor eget pulvinar. Donec sagittis ligula quis odio venenatis auctor sagittis justo pellentesque. Nullam elementum pellentesque turpis non congue. Pellentesque est ipsum, scelerisque in vulputate in, lacinia quis orci. Pellentesque molestie, purus ac molestie auctor, turpis lectus bibendum orci, non vulputate elit turpis ut massa. Suspendisse bibendum feugiat dolor, vel sagittis nunc ullamcorper nec.

Vestibulum vitae posuere ante. In ut felis metus. Quisque blandit faucibus hendrerit. Nunc nec nisi ut neque aliquet vestibulum. Praesent non nisi non nisi porttitor aliquet. Nullam dui lectus, suscipit eget pharetra eget, posuere sit amet mauris. Praesent ut nulla eu purus gravida pellentesque. Cras venenatis ligula quis nulla euismod in suscipit mauris varius.

Nullam elementum lacus quis lacus vulputate ullamcorper. In pharetra enim ut arcu adipiscing vestibulum. Quisque ullamcorper semper metus, non sodales turpis vestibulum vel. Fusce eget neque faucibus nunc ullamcorper laoreet nec at enim. Nunc non eros non purus hendrerit sollicitudin. Proin condimentum sagittis pharetra. Proin elementum facilisis lobortis. Nulla sit amet lectus sed mauris consectetur dignissim. Morbi at ante euismod mauris condimentum pharetra quis in lectus. Vivamus convallis pretium vehicula. Aliquam dictum sodales rhoncus. Nullam ac dui at nunc volutpat bibendum quis eu massa. Proin accumsan elementum justo, at luctus urna faucibus non. Mauris id nulla sed turpis laoreet fermentum nec ut est. Nullam in ipsum sapien, quis aliquam nunc.

Vestibulum at tellus turpis. In pellentesque egestas neque non faucibus. Sed convallis viverra orci nec posuere. Sed at nunc magna, sed ornare magna. Quisque posuere pharetra erat in ornare. Suspendisse semper fringilla lorem, ut porttitor sem auctor vitae. Pellentesque dolor enim, mattis quis eleifend sit amet, pretium et dolor. Praesent condimentum diam id elit tristique tristique. Aenean eleifend dictum eros ut ultrices.

Morbi blandit vulputate elit a elementum. Aliquam tristique mollis nibh, non mollis elit egestas eu. Praesent at dolor laoreet urna sollicitudin sollicitudin sit amet sed justo. Quisque placerat, erat vel commodo molestie, sem lacus porta augue, vitae consectetur nulla ante ac lacus. Cras auctor porta lorem eget dapibus. Ut sit amet velit justo, eget auctor sem. Cras elementum lobortis sapien non luctus. Nulla sollicitudin, dui eget pretium consequat, sem odio malesuada mauris, aliquet laoreet erat lorem eget risus. Mauris viverra ipsum ut odio bibendum condimentum. Quisque tempus vestibulum aliquet. Phasellus placerat massa a enim tincidunt condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sem mi, mollis hendrerit suscipit quis, euismod sed turpis. Suspendisse potenti.
    </div>
    <div id="piepag"></div>
    
</body>
</html>
